<%= render "devise/shared/error_messages", resource: resource %>

<div class="mt-8 mb-10 crayons-card p-7 pt-3 align-left mx-auto" style="max-width:490px;">
  <h2 class="pb-4">Change your password</h2>

  <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f| %>
    <%= render "devise/shared/error_messages", resource: resource %>
    <%= f.hidden_field :reset_password_token %>

    <div class="crayons-field">
      <%= f.label :password, "New password", class: "crayons-field__label" %>
      <% if @minimum_password_length %>
        <em>(<%= @minimum_password_length %> characters minimum)</em><br />
      <% end %>
      <%= f.password_field :password, autofocus: true, autocomplete: "off", class: "crayons-textfield" %>
    </div>

    <div class="crayons-field">
      <%= f.label :password_confirmation, "Confirm new password", class: "crayons-field__label" %>
      <%= f.password_field :password_confirmation, autocomplete: "off", class: "crayons-textfield" %>
    </div>

    <div class="crayons-field pt-4">
      <%= f.submit "Change my password", class: "crayons-btn" %>
    </div>
  <% end %>
</div>
